<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title> Give You</title>

		<link href="css/default.css" type="text/css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/garden.js"></script>
		<script type="text/javascript" src="js/functions.js"></script>

	</head>

	<body>

		<div id="mainDiv">
			<div id="content">
				<div id="code">
					<span class="comments">/**</span><br />
					<span class="space" /><span class="comments">*LiYongJie,</span><br />
					<span class="space" /><span class="comments">*ZhangTingTing.</span><br />
					<span class="space" /><span class="comments">*/</span><br /> Boy name = <span class="keyword">Mr</span> LI<br /> Girl name = <span class="keyword">Mrs</span> ZHANG<br />
					<span class="comments">// 张婷婷我爱你 </span><br /> 一起走过那么久的路，我真的很珍惜跟你在一起的点点滴滴。我们能不能不分开，让我再好好的保护你，呵护你好吗?<br />
					<span class="comments">// 我真的爱你,闭上眼,以为我能忘记,但流下的眼泪,却没有骗到自己……</span><br /> 我不想失去你。我不知道，失去了你之后，我会做什么傻事。<br />
					<span class="comments">// 你就是我的唯一。我不敢想象在失去了你之后。我该什么办。</span><br /> 你就是我的灵魂。如果失去了你。就只剩一个躯壳了。<br />
					<span class="comments">// 脸上的快乐,别人看得到。内心的痛又有谁能感觉到. .</span><br /> 你让我一生第一次有了为人而痛的感觉，却是在我伤了你之后……<br />
					<span class="comments">// 我好想你，已经好多天没见到你了，却好象隔了一个世纪。不知你现在心情怎么样?身体还好吗?前几天我不该缠着你，惹你烦了，真心的对不起，在你累时不该去打扰你，希望你开心</span><br />
					<span class="comments">// 信任自己的恋爱，找个爱本身而本身又爱的人不易</span><br />
					<span class="keyword">The boy</span> very <span class="keyword">happy</span>;<br />
					<span class="keyword">The girl</span> is also very <span class="keyword">happy</span>;<br />
					<span class="placeholder" /><span class="comments">// Whether it is right now</span><br />
					<span class="placeholder" /><span class="comments">// Still in the distant future.</span><br />
					<span class="placeholder" />我爱你，若是我们能继续在一起我会更加的对你好，假如你不爱我了，我依然爱你，我给你时间，时间也能证明我是最爱你的!<br />
					<span class="comments">// 对不起。我真的好爱你。我不想失去你。</span><br />
					<br>
					<br> I want to say:<br /> Baby, I love you forever;<br />
				</div>
				<div id="loveHeart">
					<canvas id="garden"></canvas>
					<div id="words">
						<div id="messages">
							亲爱的，这是我们相爱在一起的时光。
							<div id="elapseClock"></div>
						</div>
						<div id="loveu">
							爱你直到永永远远。<br/>
							<div class="signature">- 爱你的人</div>
						</div>
					</div>
				</div>
			</div>
			<div id="copyright">
				<a href="#">....</a><br />
				<a href="#">....</a><br />

			</div>
		</div>
		<audio src="BGM/bgm.mp3" id="bgm" autoplay preload loop></audio>

		<script type="text/javascript">
			var offsetX = $("#loveHeart").width() / 2;
			var offsetY = $("#loveHeart").height() / 2 - 55;
			var together = new Date();
			together.setFullYear(2018, 11, 26);
			together.setHours(20);
			together.setMinutes(0);
			together.setSeconds(0);
			together.setMilliseconds(0);

			if(!document.createElement('canvas').getContext) {
				var msg = document.createElement("div");
				msg.id = "errorMsg";
				msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
				document.body.appendChild(msg);
				$("#code").css("display", "none")
				$("#copyright").css("position", "absolute");
				$("#copyright").css("bottom", "10px");
				document.execCommand("stop");
			} else {
				setTimeout(function() {
					startHeartAnimation();
				}, 5000);

				timeElapse(together);
				setInterval(function() {
					timeElapse(together);
				}, 500);

				adjustCodePosition();
				$("#code").typewriter();
			}
		</script>
		
	</body>

</html>